input值不可变、隐藏input(表单隐藏域)

您所在的位置:网站首页 html 隐藏标签 input值不可变、隐藏input(表单隐藏域)

input值不可变、隐藏input(表单隐藏域)

2023-11-06 16:07| 来源: 网络整理| 查看: 265

input标签值不可变、隐藏标签 一、值不可变方法1:readonly方法2:disabledreadonly 和 disabled的区别: 二、隐藏\标签(表单隐藏域)

一、值不可变

在写前端页面时,有时候我们需要让标签只能看,但不能更改,就行银行卡号之类的。 那么这个时候就需要让标签的值不可变了,让标签值不可变的方法有两种(readonly,disabled)。

方法1:readonly 方式一:readonly

展示效果如下: 在这里插入图片描述 由图中效果可见,写有 readonly 的 input 输入框值不可变,但颜色并没有发生改变,还是默认样式。

readonly readonly=“true” readonly=“readonly” 三中不同的写法,效果其实一样

方法2:disabled 方式二:disabled

展示效果如下: 在这里插入图片描述 如图中所展示的,写有disabled的输入框值不可变的同时,颜色样式发生了改变。

readonly 和 disabled的区别: readonly :颜色不变,不能修改,但可以通过Tab键选中赋值文本,可点击但没有效果。disabled :颜色改变,只读,不能点击和使用。 二、隐藏标签(表单隐藏域)

隐藏域在页面中是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,浏览者单击提交按钮发送表单数据的时候,隐藏域的信息也会被一起发送到服务器,以利于被处理表单的程序所使用。

标签不可见

展示效果如下: 在这里插入图片描述 不管是让type=“hidden” 还是在写一个 hidden 都能实现标签不可见效果。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3